<template>
  <view>
    <view class="tit_im">
      <view class="tit_imt">
        <image src="https://img1.imgtp.com/2023/01/18/fATaS2SA.jpg"></image>
        <view class="tit_tp">
          麻醉系列
        </view>
      </view>
      <view class="tit_imt">
        <image src="https://img1.imgtp.com/2023/01/19/7BHzDYht.jpg"></image>
        <view class="tit_tp">
          护理系列
        </view>
      </view>
      <view class="tit_imt">
        <image src="https://img1.imgtp.com/2023/01/19/pgulhLGE.jpg"></image>
        <view class="tit_tp">
          疼痛系列
        </view>
      </view>
      <view class="tit_imt">
        <image src="https://img1.imgtp.com/2023/01/19/Wszcrtju.jpg"></image>
        <view class="tit_tp">
          视频喉镜
        </view>
      </view>
      <view class="tit_imt">
        <image src="https://img1.imgtp.com/2023/01/19/Q2E6hhFs.jpg"></image>
        <view class="tit_tp">
          外科系列
        </view>
      </view>
      <view class="tit_imt">
        <image src="https://img1.imgtp.com/2023/01/19/RQq45ReD.jpg"></image>
        <view class="tit_tp">
          检测系列
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {
      
    },
    onLoad(){
      wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
      })
    }
  }
</script>

<style lang="scss" scoped>
  .tit_im{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 32rpx 20rpx;
    .tit_imt{
      position: relative;
      image{
        width: 340rpx;
        height: 350rpx;
        margin-top: 20rpx;
        
      }
      .tit_tp{
        position: absolute;
        left: 33px;
        top: 47px;
        width: 200rpx;
        height: 200rpx;
        border-radius: 50%;
        background: #00f300;
        text-align: center;
        line-height: 200rpx;
        opacity: 0.9;
        color: white;
        font-weight: bold;
      }
    }
  }
</style>
